<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ include file="/common/common.jsp" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
			
	<div id="toolbar">
			<form class="form-inline" role="form">
		     <button type="button" class="btn btn-default" onclick="insertBatch()">增加</button>
		</form>
			
	</div> 
	<table id="table"></table>
</body>
<script type="text/javascript">
$(function(){
	$('#table').bootstrapTable({
	    url: '<%=path%>/tUserCardController/getInfoServer',
	    method: 'post',                      //请求方式（*）
	    contentType: "application/x-www-form-urlencoded",//post请求，需要加这个,不然分页不出
	    toolbar: '#toolbar',    //工具按钮用哪个容器  用于对齐查询
	    striped: true,                      //是否显示行间隔色
	    cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
	    pagination: true,                   //是否显示分页（*）
	    //分页配置 start
	    sidePagination: "client",           //分页方式：client客户端分页，server服务端分页（*）
	    pageNumber: 1,                      //初始化加载第一页，默认第一页,并记录
	    pageSize: 3,                     //每页的记录行数（*）
	    pageList: [2, 5, 6],        //可供选择的每页的行数（*）
	    //分页配置 end
	    search: true,                      //是否显示表格搜索
	    showColumns: true,                  //是否显示所有的列（选择显示的列）
	    showRefresh: true,                  //是否显示刷新按钮
	    clickToSelect: true,                //是否启用点击选中行
	    showToggle: true,                   //是否显示详细视图和列表视图的切换按钮
	    strictSearch: true,					//严格搜索 

	    //得到查询参数
	    queryParams: function(params){
	    	//这里的键的名字和控制器的变量名必须一致，这边改动，控制器也需要改成一样的
	    	var temp ={
	    			pageSize : params.limit,
	    			pageNum :(params.offset / params.limit) + 1,  /* 当前页数 */
    //               bookName : $("[name=bookName]").val(), //根据name获取模糊查询的字段 在刷新的同时，带到后台进行查询
       //            bookAuthor : $("[name=bookAuthor]").val(),
    //               bookPubid : $("[name=bookPubid]").val(),
    //                cid:$("[name=cid]").val()    //根据id 获取选中的下拉单的值， 在刷新的同时，带到后台进行查询
	    	};
	    	return temp;
	    },
	    
	    columns: [
	    	{
	    		checkbox: true,
	    		visible: true                  //是否显示复选框  
	    	},{
		        field: 'userId',
		        title: 'ID',
		    }, {
		        field: 'userName',
		        title: '姓名',
		    },{
		    	 field: 'userSex',
			     title: '性别',
				formatter : function(value,row,index){
                if(value ==1){
                    return "男";
                }else if(value ==2){
                    return "女";
                }
            }
		    },{
		    	 field: 'briths',
			     title: '生日',
		    },{
				field: 'nation',
				title: '民族',
			},{
				field: 'sheng',
				title: '省',
			},{
				field: 'shi',
				title: '市',
			},{
				field: 'xian',
				title: '县',
			},{
		    	 field: 'address',
			     title: '详细地址',
		    } ,{
				title: '操作',
				formatter : function(value, row, index){
					var userId = row.userId;
					return '<a class="btn btn-danger1" href="javascript:deleteInfo(' + userId + ')"><span class="glyphicon glyphicon-trash"></span></a>' +
							'<a class="btn btn-info1" href="javascript:updateInfo(' + userId + ')"><span class="glyphicon glyphicon-edit"></span></a>';

				}
			}
	    ]
	});
})


	function getData(){
		$('#table').bootstrapTable("refresh"); //向后台输出进行刷新
	};
	
	function insertBatch(){
		BootstrapDialog.show({
            title: '增加',
            message: $('<div></div>').load('<%=path%>/tUserCardController/insertInfo'),
            /* type: BootstrapDialog.TYPE_SUCCESS, */
            size: BootstrapDialog.SIZE_SMALL, 
            buttons: [{
                label: '取消',
                cssClass : "btn btn-info",
                action: function (dialog) {
                	dialog.close();
                }
            }, {
                label: '确定',
                cssClass : "btn btn-info",
                action: function (dialog) {

					var userName = $("#userName").val();
					var sex;
					var sexs = $("[name = 'userSex']");
					$(sexs).each(function (index,e) {
						if($(e).prop("checked")){
							sex = $(e).val();
						}
					});
					var briths = $("#briths").val();
					var nation = $("#nation").val();
					var sheng = $("#sheng").val();
					var shi = $("#shi").val();
					var xian = $("#xian").val();
					var address = $("#address").val();
        			$.ajax({
    					url:"<%=path%>/tUserCardController/saveById",
						data:{userName:userName,userSex:sex,briths:briths,nation:nation,province:sheng,city:shi,country:xian,address:address},
    					dataType:"json",
    					type:"post",
    					async:true,
    					success:function(result){
    						dialog.close();
    						toastr.success("增加成功");
    						getData();

    					},
    					error:function(){
    						toastr.error("系统异常,请联系管理员");
    					}
    				}) 
                	
                }
            }]
        });
	}


function updateInfo(userId){
	BootstrapDialog.show({
		title: '修改',
		message: $('<div></div>').load('<%=path%>/tUserCardController/updateInfo/'+userId),
		/* type: BootstrapDialog.TYPE_SUCCESS, */
		size: BootstrapDialog.SIZE_SMALL,
		buttons: [{
			label: '取消',
			cssClass : "btn btn-info",
			action: function (dialog) {
				dialog.close();
			}
		}, {
			label: '确定',
			cssClass : "btn btn-info",
			action: function (dialog) {
				var userName = $("#userName").val();
				var sex;
				var sexs = $("[name = 'userSex']");
				$(sexs).each(function (index,e) {
					if($(e).prop("checked")){
						sex = $(e).val();
					}
				});
				var briths = $("#briths").val();
				var nation = $("#nation").val();
				var sheng = $("#sheng").val();
				var shi = $("#shi").val();
				var xian = $("#xian").val();
				var address = $("#address").val();

				$.ajax({
					url:"<%=path%>/tUserCardController/updateById",
					data:{userName:userName,userSex:sex,briths:briths,nation:nation,province:sheng,city:shi,country:xian,address:address,userId:userId},
					dataType:"text",
					type:"post",
					async:true,
					success:function(result){
						if(result == "1"){
							dialog.close();
							toastr.success("修改成功");
							getData();
						}else{
							toastr.error("修改失败");
						}

					},
					error:function(){
						toastr.error("系统异常,请联系管理员");
					}
				})

			}
		}]
	});
}

function deleteInfo(userId){
	if(confirm("是否删除")){
		$.ajax({
			url:"<%=path%>/tUserCardController/deleteById/"+userId,
			data:{},
			dataType:"text",
			type:"post",
			async:true,
			success:function(result){
				if(result == "1"){
					toastr.success("删除成功");
					getData();
				}else{
					toastr.error("删除失败");
				}

			},
			error:function(){
				toastr.error("系统异常,请联系管理员");
			}
		})
	}
}

</script>
</html>